@charset "UTF-8";
/**
 * Yo框架全局base定义
 * 本文件与variables不同地方在于，这里所定义的map可以使用在variables和任何地方
 * lib中map使用“_”开头，本文件中不使用"_"
 * base ⇌ extra
 */
/**
 * Yo框架全局base定义
 * 本文件与variables不同地方在于，这里所定义的map可以使用在variables和任何地方
 * 本文件中map使用"_"开头，extra中不使用"_"
 * base ⇌ extra
 */
/**
 * 合并base和extra中的同类base map
 * 用以解决业务方升级Yo时需比base和extra的一致性
 * 当extra为空时，base map将以base文件里的定义作为默认值
 * 当extra不为空时，base map使用extra文件里的定义
 */
/**
 * Yo框架全局Variables
 * Yo基础变量map，如果不想定义某属性，将其value设置为null；
 * Yo仅使用2种长度单位：px用于边框，rem用于除边框之外的所有地方
 * variables中map使用“_”开头，本文件中不使用"_"
 * variables ⇌ config
 */
/**
 * Yo框架全局Variables
 * Yo基础变量map，如果不想定义某属性，将其value设置为null
 * Yo仅使用2种长度单位：px用于边框，rem用于除边框之外的所有地方
 * 本文件中map使用"_"开头，config中不使用"_"
 * variables ⇌ config
 */
/**
 * 合并variables和config中的同类map
 * 用以解决业务方升级Yo时需比config和variables的一致性
 * 当config为空时，使用variables中的map作为默认值
 * 当config不为空时，使用config中的定义
 */
/**
 * Yo框架自定义全局函数
 * 扩充Sass默认函数库，用以增强语法
 */
/**
 * @module List扩展函数
 * @description 返回SassList中的第一项
 * @function first
 * @version 2.1.0
 * @param {String} $list 指定一个Sass List <2.1.0>
 */
/**
 * @module List扩展函数
 * @description 返回SassList中的最后一项
 * @function last
 * @version 2.1.0
 * @param {String} $list 指定一个Sass List <2.1.0>
 */
/**
 * @module List扩展函数
 * @description 返回SassList中的倒数第几项
 * @function nth-last
 * @version 2.1.0
 * @param {String} $list 指定一个Sass List <2.1.0>
 * @param {Integer} $index 指定需要返回的值在list中的倒数位置 <2.1.0>
 */
/**
 * @module List扩展函数
 * @description 移除SassList中的某个项目并返回新的List
 * @function remove
 * @version 2.1.0
 * @param {String} $list 指定一个Sass List <2.1.0>
 * @param {String} $value 指定需要被删除的值 <2.1.0>
 */
/**
 * @module List扩展函数
 * @description 截取SassList中的某个部分并返回新的List
 * @function slice
 * @version 2.1.0
 * @param {String} $list 指定一个Sass List <2.1.0>
 * @param {Integer} $start 指定需要截取的开始下标 <2.1.0>
 * @param {Integer} $end 指定需要截取的结束下标（不包括end），当该值缺省时默认为末尾下标 <2.1.0>
 */
/**
 * @module List扩展函数
 * @description 从SassList中添加/删除项目，然后返回新的List。
 * @function splice
 * @version 2.1.0
 * @param {String} $list 指定一个Sass List <2.1.0>
 * @param {Integer} $index 指定需要移除的开始下标 <2.1.0>
 * @param {Integer} $count 指定需要移除的数量，不可以为负值，0表示不移除 <2.1.0>
 * @param {String} $values 指定需要添加的新值（可以是多个），如果该值缺省，则表示只移除不添加新值 <2.1.0>
 */
/**
 * Yo框架全局基础方法
 * 包括响应式方案，CSS3兼容性方案，厂商前缀方案，iconfont方案，flex布局等全局方法
 */
/**
 * @module 常用方法
 * @description 给需要的属性加厂家前缀
 * @method prefix
 * @version 1.0.0
 * @param {String} $property 指定属性 <1.0.0>
 * @param {String} $value 指定属性值 <1.0.0>
 * @skip
 */
/**
 * @module 常用方法
 * @description 定义字体图标
 * @method _iconfont
 * @version 1.0.0
 * @skip
 */
/**
 * @module 常用方法
 * @description 四则运算(系统要求：iOS6.0+,Android4.4+)
 * @method calc
 * @version 1.7.0
 * @param {String} $property 指定需要进行计算的CSS属性 <1.7.0>
 * @param {String} $value 与原生CSS语法一致，区别在于需要使用引号包裹表达式 <1.7.0>
 * @example
 * .calc {
 *     @include calc(width, "100% - 100px");
 * }
 *
 * <div class="calc">四则运算</div>
 */
/**
 * @module 常用方法
 * @description 定义响应式方案
 * @method responsive
 * @version 1.0.0
 * @param {String} $media 指定媒体查询条件，取值为`config`文件map `media-types`中的值 <1.0.0>
 */
/**
 * @module 常用方法
 * @description 清除浮动方案
 * @method clearfix
 * @version 1.0.0
 * @param {String} $type 指定清除浮动的方式，包括：pseudo-element | bfc，默认值：pseudo-element <1.8.5>
 */
/**
 * @module 常用方法
 * @description 清除行内级元素间间隙方案
 * @method clearspace
 * @version 3.0.3
 * @param {Length} $font-size 指定子元素字号，默认值：.14rem <3.0.3>
 * @example
 * .demo {
 *     @include clearspace;
 * }
 *
 * <div class="demo">
 *      <span class="item">1</span>
 *      <span class="item">2</span>
 *      <span class="item">3</span>
 * </div>
 */
/**
 * @module 常用方法
 * @description 描述元素内容在横、纵方向上的对齐方式，默认为水平垂直居中对齐
 * @method align
 * @version 2.0.0
 * @param {String} $flexbox 元素布局方式，可选值：flex | inline-flex，默认值：flex <2.0.0>
 * @param {Keyword} $justify-content 元素内容的水平对齐方式，取值与`justify-content`属性一致，默认值：center <2.0.0>
 * @param {Keyword} $align-items 元素内容的垂直对齐方式，取值与`align-items`属性一致，默认值：center <2.0.0>
 * @example
 * .demo {
 *     @include align;
 * }
 *
 * <div class="demo">
 *      <img alt="未知尺寸图片居中" />
 * </div>
 */
/**
 * @module 常用方法
 * @description 定义是否有滚动条
 * @method overflow
 * @version 1.0.0
 * @param {String} $overflow 取值与最新原生语法一致，默认值：auto <1.0.0>
 */
/**
 * @module 常用方法
 * @description 生成全屏方法
 * @method fullscreen
 * @version 1.7.0
 * @param {Integer} $z-index 指定层叠级别 <1.7.0>
 * @param {Keywords} $position 指定定位方式，取除`static | relative`之外的值，默认值：absolute <1.8.5>
 */
/**
 * @module 用户界面
 * @description 定义使用何种滤镜
 * @method filter
 * @version 1.7.0
 * @param {String} $filter 取值与`filter`属性一致 <1.7.0>
 */
/**
 * @module 用户界面
 * @description 定义UA默认外观
 * @method appearance
 * @version 1.0.0
 * @param {String} $appearance 取值与`appearance`属性一致，默认值：none <1.0.0>
 */
/**
 * @module 用户界面
 * @description 定义如何选中内容
 * @method user-select
 * @version 1.0.0
 * @param {String} $user-select 取值与`user-select`属性一致，默认值：none <1.0.0>
 */
/**
 * @module 用户界面
 * @description 定义盒模型
 * @method box-sizing
 * @version 1.0.0
 * @param {String} $box-sizing 指定盒模型类型，取值与`box-sizing`属性一致，默认值：border-box <1.0.0>
 */
/**
 * @module 背景与边框
 * @description 定义渐变色值
 * @method gradient
 * @version 1.0.0
 * @param {String} $type 指定渐变的4种类型：linear, repeating-linear, radial, repeating-radial <1.0.0>
 * @param {String} $dir 指定渐变方向，可选值：[left | right] || [top | bottom] | angle <2.0.0>
 * @param {String} $gradient 指定渐变取值，与w3c最新原生语法一致 <1.0.0>
 */
/**
 * @module 背景与边框
 * @description 定义背景图像缩放（AndroidBrowser2.3.*还需要厂商前缀）
 * @method background-size
 * @version 1.4.0
 * @param {Keywords | Length} $background-size 指定背景图缩放值，取值与`background-size`属性一致 <1.4.0>
 */
/**
 * @module 背景与边框
 * @description 定义背景裁减（AndroidBrowser2.3.*还需要厂商前缀）
 * @method background-clip
 * @version 1.6.0
 * @param {Keywords} $background-clip 指定背景图缩放值，取值与`background-clip`属性一致 <1.6.0>
 */
/**
 * @module 背景与边框
 * @description 定义背景显示区域（AndroidBrowser2.3.*还需要厂商前缀）
 * @method background-origin
 * @version 1.6.0
 * @param {Keywords} $background-origin 指定背景图`background-position`属性计算相对的参考点，取值与`background-origin`属性一致 <1.6.0>
 */
/**
 * @module 背景与边框
 * @description 为元素添加边框（包括1px边框）
 * @method border
 * @version 2.0.0
 * @param {String} $border-width 指定边框厚度（单位为px），默认值：1px，取值与`border-width`属性一致，不同方向代表边框位置 <2.0.0>
 * @param {String} $border-color 指定边框颜色 <2.0.0>
 * @param {String} $border-style 指定边框样式 <2.0.0>
 * @param {String} $radius 指定边框圆角半径，默认值：null <2.0.0>
 */
/**
 * @module 背景与边框
 * @description 定义圆角，用于修复某些安卓机型上“圆角+边框+背景”，背景溢出的情况
 * @method border-radius
 * @version 1.6.0
 * @param {Length} $border-radius 指定元素的圆角半径，取值与`border-radius`属性一致 <1.6.0>
 */
/**
 * @module Transform
 * @description 定义简单变换
 * @method transform
 * @version 1.0.0
 * @param {String} $transform 取值范围与`transform`属性一致 <1.0.0>
 */
/**
 * @module Transform
 * @description 定义变换原点
 * @method transform-origin
 * @version 1.0.0
 * @param {Length | Percentage | Keywords} $transform-origin 取值范围与`transform-origin`属性一致 <1.0.0>
 */
/**
 * @module Transform
 * @description 指定某元素的子元素是（看起来）位于三维空间内，还是在该元素所在的平面内被扁平化
 * @method transform-style
 * @version 2.0.0
 * @param {String} $transform-style 取值范围与`transform-style`属性一致 <2.0.0>
 */
/**
 * @module Transform
 * @description 指定观察者与「z=0」平面的距离，使具有三维位置变换的元素产生透视效果。「z>0」的三维元素比正常大，而「z<0」时则比正常小，大小程度由该属性的值决定。
 * @method perspective
 * @version 2.0.0
 * @param {none | Length} $perspective 取值范围与`perspective`属性一致 <2.0.0>
 */
/**
 * @module Transform
 * @description 指定透视点的位置
 * @method perspective-origin
 * @version 2.0.0
 * @param {Length | Percentage | Keywords} $perspective-origin 取值范围与`perspective-origin`属性一致 <2.0.0>
 */
/**
 * @module Transform
 * @description 指定元素背面面向用户时是否可见
 * @method backface-visibility
 * @version 2.0.0
 * @param {Keywords} $backface-visibility 取值范围与`backface-visibility`属性一致 <2.0.0>
 */
/**
 * @module Animation
 * @description 定义动画
 * @method animation
 * @version 1.0.0
 * @param {String} $animation 取值与原生语法一致 <1.0.0>
 */
/**
 * @module Animation
 * @description 指定需要引用的动画名称
 * @method animation-name
 * @version 3.0.0
 * @param {String} $animation-name 取值与原生语法一致 <3.0.0>
 */
/**
 * @module Animation
 * @description 指定动画运行一次所持续的时长
 * @method animation-duration
 * @version 3.0.0
 * @param {String} $animation-duration 取值与原生语法一致 <3.0.0>
 */
/**
 * @module Animation
 * @description 指定动画运行方式
 * @method animation-timing-function
 * @version 3.0.0
 * @param {String} $animation-timing-function 取值与原生语法一致 <3.0.0>
 */
/**
 * @module Animation
 * @description 指定动画延迟多久之后再开始
 * @method animation-delay
 * @version 3.0.0
 * @param {String} $animation-delay 取值与原生语法一致 <3.0.0>
 */
/**
 * @module Animation
 * @description 指定动画循环几次
 * @method animation-iteration-count
 * @version 3.0.0
 * @param {String} $animation-iteration-count 取值与原生语法一致 <3.0.0>
 */
/**
 * @module Animation
 * @description 指定动画的运动方向
 * @method animation-direction
 * @version 3.0.0
 * @param {String} $animation-direction 取值与原生语法一致 <3.0.0>
 */
/**
 * @module Animation
 * @description 指定动画的运动状态
 * @method animation-play-state
 * @version 3.0.0
 * @param {String} $animation-play-state 取值与原生语法一致 <3.0.0>
 */
/**
 * @module Animation
 * @description 指定动画时间之外的状态
 * @method animation-fill-mode
 * @version 3.0.0
 * @param {String} $animation-fill-mode 取值与原生语法一致 <3.0.0>
 */
/**
 * @module Transition
 * @description 定义补间
 * @method transition
 * @version 1.0.0
 * @param {String} $transition 取值与原生语法一致 <1.0.0>
 */
/**
 * @module Flexbox
 * @description 定义显示类型为伸缩盒
 * @method flexbox
 * @version 1.0.0
 * @param {String} $flexbox 默认值：flex，可选值：flex | inline-flex <1.0.0>
 */
/**
 * @module Flexbox
 * @description 定义伸缩盒子元素如何分配空间
 * @method flex
 * @version 1.0.0
 * @param {Number} $flex 取值与`flex`属性一致，默认值：1 <1.0.0>
 * @param {String} $direction 默认值: row，可选值：row | column <1.5.0>
 */
/**
 * @module Flexbox
 * @description 定义伸缩盒子元素的排版顺序
 * @method order
 * @version 1.0.0
 * @param {Integer} $order 取值与`order`属性一致，默认值：1 <1.0.0>
 */
/**
 * @module Flexbox
 * @description 定义弹性盒子元素流动方向及遇见边界时是否换行(要求系统：iOS7.0+, Android4.4+)
 * @method flex-flow
 * @version 2.0.0
 * @param {String} $flex-flow 取值与`flex-flow`属性一致，默认值：row nowrap <2.0.0>
 */
/**
 * @module Flexbox
 * @description 定义伸缩盒子元素的流动方向
 * @method flex-direction
 * @version 1.0.0
 * @param {String} $flex-direction 取值与`flex-direction`属性一致，默认值：row <1.0.0>
 */
/**
 * @module Flexbox
 * @description 定义弹性盒子元素溢出后排版(要求系统：iOS7.0+, Android4.4+)
 * @method flex-wrap
 * @version 1.0.0
 * @param {String} $flex-wrap 取值与`flex-wrap`属性一致，默认值：nowrap <1.0.0>
 */
/**
 * @module Flexbox
 * @description 定义弹性容器主轴对齐方式(其中`space-around`值需要iOS7.0+,Android4.4+)
 * @method justify-content
 * @version 1.0.0
 * @param {String} $justify-content 取值与`justify-content`属性一致，默认值：center <1.0.0>
 */
/**
 * @module Flexbox
 * @description 定义多行弹性容器侧轴对齐方式(要求系统：iOS7.0+,Android4.4+)
 * @method align-content
 * @version 1.8.5
 * @param {String} $align-content 取值与`align-content`属性一致，默认值：center <1.8.5>
 */
/**
 * @module Flexbox
 * @description 定义单行弹性容器侧轴对齐方式
 * @method align-items
 * @version 1.0.0
 * @param {String} $align-items 取值与`align-items`属性一致，默认值：center <1.0.0>
 */
/**
 * @module Flexbox
 * @description 定义弹性容器中子元素自身的在侧轴对齐方式(要求系统：iOS7.0+,Android4.4+)
 * @method align-self
 * @version 1.0.0
 * @param {String} $align-self 取值与`align-self`属性一致，默认值：center <1.0.0>
 */
/**
 * @module 形状
 * @description 生成矩形方法
 * @method rect
 * @version 1.0.0
 * @param {Length} $width 定义矩形的长度 <1.0.0>
 * @param {Length} $height 定义矩形的高度 <1.0.0>
 */
/**
 * @module 形状
 * @description 生成正方形方法
 * @method square
 * @version 1.0.0
 * @param {Length} $size 定义正方形的边长 <1.0.0>
 */
/**
 * @module 形状
 * @description 生成圆形方法
 * @method circle
 * @version 1.0.0
 * @param {Length} $size 定义圆的半径长度 <1.0.0>
 * @param {Length} $radius 定义圆的圆角半径长度 <1.0.0>
 */
/**
 * @module 常用方法
 * @description 在自适应宽度情况下，确保内容元素的宽高比固定，比如：实现随屏幕大小而变化的正方形。
 * @method fixed-scale
 * @version 3.0.10
 * @param {Length} $width 默认值：100%。用以指定内容元素的初始宽度，由于尺寸需动态变化，不要使用固定单位 <3.0.10>
 * @param {Length} $scale 默认值：1/1，即正方形。用以指定内容元素的宽度高比 <3.0.10>
 */
/**
 * @module 文本
 * @description 链接处理方法
 * @method link
 * @version 1.0.0
 * @param {Color} $color 定义链接颜色 <1.0.0>
 */
/**
 * @module 文本
 * @description 文本碰到边界是否换行
 * @method wrap
 * @version 1.0.0
 * @param {Boolean} $is-wrap 定义文本是否换行，默认值：true <2.0.0>
 */
/**
 * @module 文本
 * @description 单行文本溢出时显示省略号
 * @method ellipsis
 * @version 1.0.0
 * @param {Length} $width 定义容器的宽度，默认值：null <2.0.0>
 * @param {Integer} $line-clamp 定义需要显示的行数，默认值：1（即使用单行溢出的处理方案），需要注意的是本参数只支持webkit内核 <2.1.2>
 */
/**
 * @module 文本
 * @description 文字隐藏方案
 * @method texthide
 * @version 1.0.0
 * @param {Length} $width 定义容器的宽度，默认值：null <2.0.0>
 */
/**
 * Yo框架全局Reset
 * Yo重置Mobile及高级浏览器上常见的差异
 */
*,
::before,
::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

html,
body {
  overflow: hidden;
  height: 100%; }

::-webkit-scrollbar {
  display: none; }

html {
  background-color: #eee;
  color: #212121;
  font-size: 100px;
  -webkit-user-select: none;
  user-select: none; }

body {
  margin: 0;
  font-size: 0.14em;
  line-height: 1.5;
  font-family: Helvetica Neue, Helvetica, STHeiTi, sans-serif; }

ul,
ol,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
form,
fieldset,
legend,
input,
textarea,
button,
p,
blockquote,
th,
td,
pre,
xmp {
  margin: 0;
  padding: 0; }

input,
textarea,
button,
select,
pre,
xmp,
tt,
code,
kbd,
samp {
  line-height: inherit;
  font-family: inherit; }

h1,
h2,
h3,
h4,
h5,
h6,
small,
big,
input,
textarea,
button,
select {
  font-size: inherit; }

address,
cite,
dfn,
em,
i,
optgroup,
var {
  font-style: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  text-align: left; }

ul,
ol,
menu {
  list-style: none; }

fieldset,
img {
  border: 0;
  vertical-align: middle; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "\0020"; }

textarea,
pre,
xmp {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

textarea {
  resize: vertical; }

input,
textarea,
button,
select,
summary,
a {
  outline: 0 none; }

input,
textarea,
button,
select {
  color: inherit; }
  input:disabled,
  textarea:disabled,
  button:disabled,
  select:disabled {
    opacity: 1; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0; }

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"]::-webkit-file-upload-button,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none; }

::-webkit-details-marker {
  display: none; }

mark {
  background-color: rgba(0, 0, 0, 0); }

a,
ins,
s,
u,
del {
  text-decoration: none; }

a,
img {
  -webkit-touch-callout: none; }

a {
  color: #00afc7; }

.g-clear::after,
.g-mod::after {
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
  content: "\0020"; }

@font-face {
  font-family: yofont;
  src: url(//ss.qunarzz.com/yo/font/1.0.3/yofont.woff) format("woff"), url(//ss.qunarzz.com/yo/font/1.0.3/yofont.ttf) format("truetype"); }

.yo-ico {
  font-family: yofont !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle; }

@font-face {
  font-family: yofont;
  src: url(/assets/icons/iconfont.woff) format("woff"), url(/assets/icons/iconfont.ttf) format("truetype"); }

header {
  width: 100%;
  height: .39rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100; }
  header .headerSearch {
    width: 100%;
    height: 27px;
    position: absolute;
    top: .06rem;
    left: 0; }
  header .headerSearchBox {
    display: flex;
    margin: 0 .1rem;
    height: 100%;
    position: relative; }
    header .headerSearchBox .headerLogo {
      position: absolute;
      left: 0;
      top: 0;
      width: .57rem;
      height: .27rem;
      background: #fff;
      border-radius: .03rem; }
      header .headerSearchBox .headerLogo .headerLogoBox {
        display: inline-block;
        width: .57rem;
        height: .27rem;
        background: url(https://m.jiuxian.com/mjava_statics/images/home/jx-sprite.png) no-repeat 0 0;
        background-size: 2rem .73rem; }
    header .headerSearchBox .searchInput {
      display: flex;
      width: 100%;
      height: .27rem;
      position: relative;
      margin-left: .66rem; }
      header .headerSearchBox .searchInput em {
        display: inline-block;
        width: .12rem;
        height: .12rem;
        position: absolute;
        left: .1rem;
        top: .08rem;
        background: url(https://mlist.jiuxian.com/mjava_statics/images/search/searchIcon.png) no-repeat -0.41rem -0.18rem;
        background-size: 1.2rem .4rem;
        cursor: pointer; }
      header .headerSearchBox .searchInput b {
        height: .27rem;
        width: 100%;
        color: #666;
        font-weight: normal;
        font-family: "Microsoft YaHei";
        cursor: pointer;
        line-height: .27rem;
        background-color: #fff;
        border-radius: .03rem;
        font-size: .12rem;
        text-align: left;
        padding: 0 .3rem; }

.index-wrap {
  height: 100%;
  display: flex;
  flex-direction: column; }
  .index-wrap header,
  .index-wrap footer {
    height: .44rem;
    text-align: center;
    line-height: .44rem;
    color: #ffffff;
    font-size: .18rem; }
  .index-wrap main {
    flex: 1;
    overflow: hidden;
    background: #ffffff; }
  .index-wrap footer {
    color: #c2cfcc;
    background: #f6f6f6; }
    .index-wrap footer ul {
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative; }
      .index-wrap footer ul::after {
        pointer-events: none;
        position: absolute;
        z-index: 999;
        top: 0;
        left: 0;
        content: "\0020";
        border-color: #ccc;
        border-style: solid;
        border-width: 1px 0 0 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0; }
        @media (max--moz-device-pixel-ratio: 1.49), (-webkit-max-device-pixel-ratio: 1.49), (max-device-pixel-ratio: 1.49), (max-resolution: 143dpi), (max-resolution: 1.49dppx) {
          .index-wrap footer ul::after {
            width: 100%;
            height: 100%; } }
        @media (min--moz-device-pixel-ratio: 1.5) and (max--moz-device-pixel-ratio: 2.49), (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 2.49), (min-device-pixel-ratio: 1.5) and (max-device-pixel-ratio: 2.49), (min-resolution: 144dpi) and (max-resolution: 239dpi), (min-resolution: 1.5dppx) and (max-resolution: 2.49dppx) {
          .index-wrap footer ul::after {
            width: 200%;
            height: 200%;
            -webkit-transform: scale(0.5);
            transform: scale(0.5); } }
        @media (min--moz-device-pixel-ratio: 2.5), (-webkit-min-device-pixel-ratio: 2.5), (min-device-pixel-ratio: 2.5), (min-resolution: 240dpi), (min-resolution: 2.5dppx) {
          .index-wrap footer ul::after {
            width: 300%;
            height: 300%;
            -webkit-transform: scale(0.33333);
            transform: scale(0.33333); } }
      .index-wrap footer ul li {
        width: .42rem;
        height: .42rem;
        overflow: hidden;
        margin: 0 auto; }
        .index-wrap footer ul li img {
          width: 100%;
          height: auto; }

.content {
  overflow-y: scroll; }
  .content #wrap {
    width: 100%;
    background: #fefefe; }
    .content #wrap .hiSlider {
      overflow: hidden;
      height: 1.8rem;
      width: 100%; }
      .content #wrap .hiSlider li img {
        display: block;
        width: 100%;
        max-height: 1.8rem;
        margin: 0 auto; }
    .content #wrap .newNav {
      width: 100%;
      font-size: 0;
      height: 1.59rem;
      display: flex;
      flex-wrap: wrap;
      background: #fff;
      box-sizing: border-box; }
      .content #wrap .newNav a {
        display: block;
        flex-wrap: wrap;
        width: 20%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
        .content #wrap .newNav a img {
          width: 100%;
          height: auto;
          border: 0; }
    .content #wrap .pubBanner {
      width: 100%;
      font-size: 0;
      line-height: 0; }
      .content #wrap .pubBanner a img {
        width: 100%;
        height: auto; }
    .content #wrap .jxAdBox {
      width: 100%;
      font-size: 0;
      display: flex;
      background: #fff; }
      .content #wrap .jxAdBox .f1 {
        font-size: 0;
        width: 50%;
        display: block;
        min-height: .9rem;
        overflow: hidden; }
        .content #wrap .jxAdBox .f1 a {
          width: 100%;
          display: block; }
          .content #wrap .jxAdBox .f1 a img {
            width: 100%;
            height: auto; }

/* jquery.hiSlider.css */
.hiSlider-pages {
  position: absolute;
  z-index: 3;
  bottom: .1rem;
  right: .1rem;
  text-align: right; }
  .hiSlider-pages a {
    height: 6px;
    width: 6px;
    margin: 0 4px;
    display: inline-block;
    overflow: hidden;
    text-indent: -100px;
    font-size: 0;
    border-radius: 50%;
    background: #ddd; }
  .hiSlider-pages a.active {
    background: #5472BF; }

#newsBox {
  padding: .08rem .1rem;
  background: #fff;
  display: flex; }
  #newsBox .news {
    display: flex;
    height: .2rem;
    position: relative; }
    #newsBox .news i {
      width: .83rem;
      height: .16rem;
      padding: .02rem .1rem .02rem 0;
      position: absolute;
      display: inline-block;
      top: 0;
      left: 0;
      border-right: .01rem solid #ededed;
      padding-right: .1rem; }
    #newsBox .news img {
      width: .83rem;
      height: .16rem; }
  #newsBox #newList {
    margin-left: 1rem;
    color: #252525;
    font-size: .12rem;
    height: .2rem;
    line-height: .2rem;
    overflow: hidden;
    width: auto;
    position: relative; }
    #newsBox #newList .swiper-wrapper {
      display: block;
      padding: 0;
      overflow: hidden;
      position: relative; }
      #newsBox #newList .swiper-wrapper li.swiper-slide {
        list-style: none;
        line-height: .2rem;
        width: 100%;
        overflow: hidden;
        font-size: .12rem;
        position: relative;
        top: .05rem; }
        #newsBox #newList .swiper-wrapper li.swiper-slide a {
          color: #333333;
          width: 100%; }

#clapping .spikeTit {
  position: relative;
  height: .3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #ededed; }
  #clapping .spikeTit h3 {
    position: absolute;
    font-size: .14rem;
    font-family: '黑体';
    left: .1rem;
    line-height: .3rem;
    top: 0;
    font-weight: bold; }
  #clapping .spikeTit a.more {
    display: inline-block;
    position: absolute;
    right: .2rem;
    top: 0;
    height: .3rem;
    line-height: .3rem;
    font-size: 0; }
    #clapping .spikeTit a.more span {
      color: #999999;
      font-size: .12rem;
      margin-right: .05rem;
      position: relative;
      line-height: .3rem;
      top: .01rem;
      align-self: flex-end; }
    #clapping .spikeTit a.more .jx-sprite-icon {
      display: inline-block;
      width: .14rem;
      height: .13rem;
      background: url(https://m.jiuxian.com/mjava_statics/images/home/jx-sprite.png) no-repeat -0.88rem 0;
      background-size: 2rem .73rem;
      line-height: .3rem;
      position: relative;
      top: .03rem; }

.owl-carousel {
  height: auto;
  padding: 0 0 0 .1rem;
  display: flex;
  overflow-x: scroll; }
  .owl-carousel .post-slide {
    width: 1rem;
    height: auto;
    position: relative;
    padding: .05rem 0;
    margin-right: .1rem; }
    .owl-carousel .post-slide .post-img a {
      display: inline-block;
      width: 100%;
      padding: 0 2%;
      box-sizing: border-box;
      overflow: hidden; }
      .owl-carousel .post-slide .post-img a img {
        width: .96rem;
        height: .96rem; }
    .owl-carousel .post-slide .post-content span {
      display: block; }
    .owl-carousel .post-slide .post-content span.name {
      width: 1rem;
      color: #252525;
      height: .32rem;
      line-height: .16rem;
      padding: 0 2%;
      overflow: hidden;
      font-size: .12rem;
      box-sizing: border-box; }
    .owl-carousel .post-slide .post-content span.price {
      color: #fc5a5a;
      margin-top: .05rem;
      font-size: .14rem;
      line-height: .14rem;
      padding: 0 2%; }
    .owl-carousel .post-slide .post-content del {
      display: block;
      padding: 0 2%;
      text-decoration: line-through;
      line-height: .14rem;
      font-size: .12rem;
      color: #999999; }

.pubBanner {
  width: 100%;
  font-size: 0;
  line-height: 0; }
  .pubBanner img {
    width: 100%;
    height: auto; }

.adMidBox {
  width: 100%;
  padding: .1rem 0;
  display: flex; }
  .adMidBox .wrapCon1 {
    width: 49.1%; }
    .adMidBox .wrapCon1 .pad1 {
      position: relative;
      padding-bottom: 109.6%; }
      .adMidBox .wrapCon1 .pad1 a {
        display: inline-block;
        width: 100%;
        height: 100%;
        min-height: 1.72rem;
        position: absolute;
        left: 0;
        top: 0;
        overflow: hidden; }
        .adMidBox .wrapCon1 .pad1 a img {
          width: 100%;
          margin: 0;
          padding: 0;
          border: 0; }
  .adMidBox .wrapCon2 {
    width: 50.9%; }
    .adMidBox .wrapCon2 .pad2 {
      position: relative;
      padding-bottom: 52.76%; }
      .adMidBox .wrapCon2 .pad2 a {
        display: inline-block;
        width: 100%;
        height: 100%;
        min-height: 1.72rem;
        position: absolute;
        left: 0;
        top: 0;
        overflow: hidden; }
        .adMidBox .wrapCon2 .pad2 a img {
          width: 100%;
          margin: 0;
          padding: 0;
          border: 0; }

#tSlider {
  overflow-x: scroll; }
  #tSlider .tSliderBox {
    margin: 0 auto;
    height: auto;
    position: relative;
    width: 15rem;
    background: #fff;
    display: flex; }
    #tSlider .tSliderBox .SliderBox .tSlider01 {
      width: 1.5rem;
      height: 100%;
      position: relative;
      float: left;
      font-size: 0; }
      #tSlider .tSliderBox .SliderBox .tSlider01 img {
        width: 100%;
        height: auto; }

.publicTitle {
  height: auto;
  min-height: .32rem;
  max-height: .64rem;
  font-size: 0;
  text-align: center;
  border-bottom: .01rem solid #f1f1f1;
  background: #fff; }
  .publicTitle img {
    width: 100%;
    height: auto; }

.jxAdBox {
  background: #fff; }
  .jxAdBox .fiveTop {
    border-bottom: 1px solid #f0f0f0;
    display: flex; }
    .jxAdBox .fiveTop .cular {
      min-height: .9rem; }
      .jxAdBox .fiveTop .cular a {
        display: inline-block;
        width: 100%; }
        .jxAdBox .fiveTop .cular a img {
          width: 100%;
          height: auto;
          margin: 0;
          padding: 0;
          border: 0; }

.itemFlex {
  border-bottom: 1px solid #ededed;
  display: flex; }
  .itemFlex .borderCom {
    min-height: 1.07rem; }
    .itemFlex .borderCom a {
      display: inline-block;
      width: 100%; }
    .itemFlex .borderCom img.test-lazyload {
      width: 100%;
      height: auto;
      margin: 0;
      padding: 0;
      border: 0; }

.floorAd {
  position: relative;
  border-bottom: .01rem solid #f1f1f1;
  display: flex;
  background: #fff; }
  .floorAd .floorAdLeft {
    width: 39%;
    height: 100%;
    background: lightblue; }
    .floorAd .floorAdLeft .pba3 {
      position: relative; }
      .floorAd .floorAdLeft .pba3 .height1 {
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        overflow: hidden; }
        .floorAd .floorAdLeft .pba3 .height1 img {
          width: 100%;
          height: auto;
          margin: 0;
          padding: 0; }
  .floorAd .floorAdRight {
    width: 61%;
    height: 100%;
    background: lightblue; }
    .floorAd .floorAdRight .floorAdTop {
      width: 100%;
      height: 50%;
      position: relative;
      padding-bottom: 42.6%; }
      .floorAd .floorAdRight .floorAdTop a {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        overflow: hidden; }
        .floorAd .floorAdRight .floorAdTop a img {
          height: auto;
          width: 100%;
          margin: 0;
          padding: 0;
          border: 0; }
    .floorAd .floorAdRight .floorAdWrap {
      width: 100%;
      height: 100%;
      display: flex; }
      .floorAd .floorAdRight .floorAdWrap .pba5 {
        position: relative; }
        .floorAd .floorAdRight .floorAdWrap .pba5 a {
          display: inline-block;
          width: 100%;
          height: 100%;
          min-height: .84rem; }
          .floorAd .floorAdRight .floorAdWrap .pba5 a img {
            width: 100%;
            height: auto;
            margin: 0;
            padding: 0;
            border: 0; }

.brand {
  padding: .05rem 0;
  width: 100%; }
  .brand .brand-container {
    margin: 0 auto;
    height: auto;
    position: relative;
    display: flex; }
    .brand .brand-container a {
      display: inline-block;
      width: 20%;
      margin-right: .15rem;
      height: auto; }
      .brand .brand-container a img {
        width: 88%;
        height: auto;
        padding: 0 .06rem; }

.theme .themeList {
  width: 100%;
  position: relative; }
  .theme .themeList ul li:nth-child(odd) {
    border-right: 1px solid #f1f1f1; }
  .theme .themeList ul li {
    width: 49%;
    height: auto;
    display: inline-block;
    border-top: 1px solid #f1f1f1; }
    .theme .themeList ul li img {
      width: 100%;
      height: auto;
      border: 0;
      display: block; }

.h10 {
  height: .08rem;
  display: block;
  width: 100%; }

#productList {
  width: 100%;
  background: #ffffff; }
  #productList .tabs {
    width: 100%;
    height: .33rem;
    text-align: center;
    border-bottom: .01rem solid #f1f2f2; }
    #productList .tabs a {
      line-height: .33rem;
      height: .33rem;
      color: #666666;
      font-size: .12rem; }
  #productList #productItem {
    margin: 0 auto;
    height: auto;
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #fff; }
    #productList #productItem ul li:nth-child(odd) {
      border-right: 1px solid #f1f2f2; }
    #productList #productItem ul li {
      width: 48.483%;
      background: #fff;
      overflow: hidden;
      position: relative;
      display: inline-block;
      border-bottom: 1px solid #f1f2f2;
      padding: .2rem .2rem .05rem;
      box-sizing: border-box;
      margin: 0 1% 1% 0; }
      #productList #productItem ul li a {
        color: #333333;
        display: inline-block;
        width: 100%;
        height: 100%;
        box-sizing: border-box; }
        #productList #productItem ul li a span.tagList {
          position: absolute;
          height: .16rem;
          display: block;
          left: .05rem;
          top: .05rem; }
          #productList #productItem ul li a span.tagList i {
            background: #ffa855;
            display: block;
            text-align: center;
            height: .16rem;
            line-height: .16rem;
            border-radius: .03rem;
            padding: 0 .03rem;
            font-size: .12rem;
            color: #fff;
            font-style: normal;
            margin-right: .05rem; }
        #productList #productItem ul li a .ulImg {
          position: relative; }
          #productList #productItem ul li a .ulImg .pic {
            display: block;
            box-sizing: border-box;
            font-size: 0;
            height: 100%;
            overflow: hidden;
            width: 100%; }
            #productList #productItem ul li a .ulImg .pic img {
              width: 100%;
              height: auto; }
        #productList #productItem ul li a span.name {
          display: block;
          height: .32rem;
          line-height: .16rem;
          overflow: hidden;
          color: #252525; }
          #productList #productItem ul li a span.name i.jxzx {
            background: url(https://m.jiuxian.com/mjava_statics/images/jxzx.png) no-repeat;
            background-size: .57rem .16rem;
            width: .59rem;
            height: .16rem;
            margin-right: .04rem;
            display: inline-block;
            vertical-align: top;
            margin-top: .005rem; }
            #productList #productItem ul li a span.name i.jxzx span {
              font-size: .12rem;
              line-height: .16rem; }
        #productList #productItem ul li a span.price {
          display: block;
          width: 108%;
          white-space: nowrap; }
          #productList #productItem ul li a span.price strong.priceInteger {
            font-size: .14rem;
            color: #fc5a5a;
            font-weight: normal; }
          #productList #productItem ul li a span.price del {
            color: #999;
            display: inline-block;
            font-size: .12rem;
            margin-left: .05rem; }
  #productList .copyright {
    height: .8rem;
    width: 100%;
    text-align: center;
    line-height: .2rem;
    color: #999999;
    font-size: .12rem;
    padding: .1rem 0 .05rem;
    margin-bottom: .15rem; }

body {
  background: #ffffff; }

.publicHead {
  width: 100%;
  height: .4rem;
  position: relative; }
  .publicHead .head {
    height: .4rem;
    text-align: center;
    background-color: #de4943;
    color: #fff; }
    .publicHead .head a.back {
      width: .3rem;
      height: .4rem;
      position: absolute;
      top: 0;
      display: block;
      background: url(https://m.jiuxian.com/mjava_statics/images/headBack.jpg) no-repeat; }
    .publicHead .head h2 {
      width: 2.2rem;
      margin-left: -1.1rem;
      font-size: .16rem;
      line-height: .4rem;
      position: absolute;
      left: 50%;
      font-weight: 500;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .publicHead .head a.navBar {
      width: .3rem;
      height: .4rem;
      position: absolute;
      top: 0;
      right: .05rem;
      display: block;
      background: url(https://m.jiuxian.com/mjava_statics/images/headIcon.png) no-repeat -1.5rem 0.06rem; }
  .publicHead .nav {
    width: 100%;
    height: .45rem;
    background-color: #efefef;
    color: #848d96;
    top: .4rem;
    border-bottom: .01rem solid #ccc;
    display: flex;
    display: none; }
    .publicHead .nav li {
      width: 25%;
      height: .45rem;
      text-align: center;
      position: relative; }
      .publicHead .nav li i {
        width: .26rem;
        height: .26rem;
        display: block;
        margin: .05rem auto 0;
        background: url(https://m.jiuxian.com/mjava_statics/images/headIcon.png) no-repeat; }
      .publicHead .nav li span {
        width: auto;
        height: .18rem;
        line-height: .18rem;
        display: block;
        position: relative;
        top: -.03rem;
        text-align: center;
        font-size: .12rem; }
      .publicHead .nav li i.home {
        background-position: -.03rem -.05rem; }
      .publicHead .nav li i.topsearch {
        background-position: -.37rem -.05rem; }
      .publicHead .nav li i.cart {
        background-position: -.72rem -.05rem; }
      .publicHead .nav li i.commuser {
        background-position: -1.13rem -.05rem; }

.listSearcHeader {
  width: 100%;
  height: .4rem;
  margin-top: .4rem; }
  .listSearcHeader .headSearch {
    width: 100%;
    height: .4rem;
    border-bottom: .01rem solid #e4e4e4;
    padding: 0 .15rem;
    background-color: #fafafa;
    position: relative; }
    .listSearcHeader .headSearch .searchInput {
      position: relative;
      top: .06rem; }
      .listSearcHeader .headSearch .searchInput em {
        display: inline-block;
        width: .12rem;
        height: .12rem;
        background: url(https://mlist.jiuxian.com/mjava_statics/images/search/searchIcon.png) no-repeat -0.41rem -0.18rem;
        background-size: 1.2rem .4rem;
        cursor: pointer;
        position: absolute;
        left: .1rem;
        top: .08rem; }
      .listSearcHeader .headSearch .searchInput b {
        display: inline-block;
        width: 100%;
        height: .28rem;
        font-size: .12rem;
        color: #666666;
        line-height: .28rem;
        border: none;
        background-color: #ececec;
        border-radius: .05rem;
        padding: 0 .3rem; }

.contentFrame {
  position: relative;
  max-width: 6.4rem;
  margin: .4rem auto; }
  .contentFrame li {
    width: 32.6%;
    height: .8rem;
    display: inline-block;
    text-align: center;
    border-left: .01rem solid #f6f6f6;
    border-bottom: .01rem solid #f6f6f6; }
    .contentFrame li a i {
      width: .36rem;
      height: .36rem;
      display: block;
      margin: .1rem auto;
      background: url(https://m.jiuxian.com/mjava_statics/images/selectIcon0314.png) no-repeat; }
    .contentFrame li a i.bWine {
      background-position: 0 0; }
    .contentFrame li a i.pWine {
      background-position: -.84rem 0; }
    .contentFrame li a i.yWine {
      background-position: -1.65rem .01rem; }
    .contentFrame li a i.zWine {
      background-position: 0 -.7rem; }
    .contentFrame li a i.lWine {
      background-position: -.84rem -.7rem; }
    .contentFrame li a i.qWine {
      background-position: -1.65rem -.7rem; }
    .contentFrame li a i.hWine {
      background-position: 0 -1.41rem; }
    .contentFrame li a i.jWine {
      background-position: -.84rem  -1.41rem; }
    .contentFrame li a i.aWine {
      background-position: -1.65rem -1.41rem; }
    .contentFrame li a i.dWine {
      background-position: 0 -2.17rem; }
    .contentFrame li a i.xWine {
      background-position: -.84rem -2.18rem; }
    .contentFrame li a i.sWine {
      background-position: -1.65rem -2.17rem; }
    .contentFrame li a span {
      color: #333333; }

.saleQC {
  position: fixed;
  z-index: 9999; }

#saleBox {
  height: 100%;
  overflow-y: scroll;
  background-color: #316def; }
  #saleBox .topBanner {
    width: 100%;
    margin: 0 auto;
    margin-top: .4rem; }
    #saleBox .topBanner a {
      width: 100%;
      height: auto;
      display: block; }
      #saleBox .topBanner a img {
        width: 100%;
        height: auto;
        border: 0; }
  #saleBox .banner {
    position: relative; }
    #saleBox .banner a {
      height: auto;
      display: block;
      margin-bottom: 2%; }
      #saleBox .banner a img {
        width: 100%;
        height: auto;
        border: 0; }
  #saleBox #contentPage1, #saleBox #contentPage2, #saleBox #contentPage3 {
    width: 100%; }
    #saleBox #contentPage1 ul.twoList2, #saleBox #contentPage2 ul.twoList2, #saleBox #contentPage3 ul.twoList2 {
      padding-left: 2%; }
      #saleBox #contentPage1 ul.twoList2 li, #saleBox #contentPage2 ul.twoList2 li, #saleBox #contentPage3 ul.twoList2 li {
        width: 47.3%;
        display: inline-block;
        margin: 0 2% 2% 0;
        background: #fff;
        box-sizing: border-box;
        padding-bottom: 2%;
        position: relative; }
        #saleBox #contentPage1 ul.twoList2 li .pic, #saleBox #contentPage2 ul.twoList2 li .pic, #saleBox #contentPage3 ul.twoList2 li .pic {
          position: relative;
          text-align: center;
          padding: 2% 0; }
          #saleBox #contentPage1 ul.twoList2 li .pic img, #saleBox #contentPage2 ul.twoList2 li .pic img, #saleBox #contentPage3 ul.twoList2 li .pic img {
            width: 1.4rem;
            height: 1.4rem; }
        #saleBox #contentPage1 ul.twoList2 li .name, #saleBox #contentPage2 ul.twoList2 li .name, #saleBox #contentPage3 ul.twoList2 li .name {
          height: .28rem;
          line-height: .14rem;
          width: 90%;
          margin: 2% 5%;
          font-size: .12rem;
          color: #000;
          text-align: center; }
        #saleBox #contentPage1 ul.twoList2 li .adText, #saleBox #contentPage2 ul.twoList2 li .adText, #saleBox #contentPage3 ul.twoList2 li .adText {
          font-size: 12px;
          margin: 0 5%;
          width: 90%;
          color: #fc0000;
          text-overflow: ellipsis;
          white-space: nowrap;
          height: 21px;
          line-height: 21px; }
        #saleBox #contentPage1 ul.twoList2 li .orice, #saleBox #contentPage2 ul.twoList2 li .orice, #saleBox #contentPage3 ul.twoList2 li .orice {
          height: .32rem;
          margin: 5px 5% 0;
          display: flex;
          position: relative; }
          #saleBox #contentPage1 ul.twoList2 li .orice p, #saleBox #contentPage2 ul.twoList2 li .orice p, #saleBox #contentPage3 ul.twoList2 li .orice p {
            height: .32rem;
            line-height: .32rem; }
            #saleBox #contentPage1 ul.twoList2 li .orice p span, #saleBox #contentPage2 ul.twoList2 li .orice p span, #saleBox #contentPage3 ul.twoList2 li .orice p span {
              color: #ff0000;
              font-weight: bold;
              font-size: .14rem; }
            #saleBox #contentPage1 ul.twoList2 li .orice p del, #saleBox #contentPage2 ul.twoList2 li .orice p del, #saleBox #contentPage3 ul.twoList2 li .orice p del {
              color: #7a7a7a;
              font-size: .12rem;
              padding-left: .03rem;
              text-decoration: line-through; }
          #saleBox #contentPage1 ul.twoList2 li .orice .goBuy, #saleBox #contentPage2 ul.twoList2 li .orice .goBuy, #saleBox #contentPage3 ul.twoList2 li .orice .goBuy {
            background: #ff0000;
            display: block;
            width: 40%;
            height: .24rem;
            line-height: .24rem;
            color: #fff;
            text-align: center;
            font-size: .12rem;
            border-radius: .03rem;
            margin-top: .04rem;
            position: absolute;
            left: 60%; }
  #saleBox .saleBottom {
    display: flex;
    padding-bottom: .05rem;
    margin: 0 auto; }
    #saleBox .saleBottom li {
      width: 50%;
      position: relative;
      display: inline-block; }
      #saleBox .saleBottom li a img {
        width: 100%;
        height: auto; }
  #saleBox .bottomBtn {
    padding: .3rem 0; }
    #saleBox .bottomBtn .toTop {
      width: .5rem;
      height: .5rem;
      display: block;
      margin: 0 auto;
      text-align: center;
      border-radius: 50%;
      border: .03rem solid #ff2753;
      background-color: #fff; }
      #saleBox .bottomBtn .toTop i {
        width: .14rem;
        height: .09rem;
        display: block;
        background: url(https://m.jiuxian.com/mjava_statics/images/top.png) no-repeat;
        margin: .03rem .19rem .02rem .16rem; }
      #saleBox .bottomBtn .toTop span {
        width: 100%;
        height: auto;
        display: block;
        text-align: center;
        color: #280130;
        font-size: .14rem;
        line-height: .15rem; }

body {
  background-color: #f3f5f6; }

.cartBody {
  max-width: 6.4rem;
  min-width: 3.2rem;
  width: 100%;
  margin: 0 auto;
  padding-bottom: .5rem; }
  .cartBody .publicHead {
    width: 100%; }
    .cartBody .publicHead .topHeader {
      background: #fafafa;
      height: .4rem;
      border-bottom: .01rem solid #e8e8e8;
      position: relative; }
      .cartBody .publicHead .topHeader .linkleft {
        width: .3rem;
        height: 100%;
        position: absolute;
        top: .05rem;
        display: block; }
        .cartBody .publicHead .topHeader .linkleft .back {
          background-position: 0 0;
          width: .3rem;
          height: .3rem;
          display: inline-block; }
        .cartBody .publicHead .topHeader .linkleft .pubIcon {
          background: url(https://mcart.jiuxian.com/statics/images/cart/catIcon.png) no-repeat 0 0;
          background-size: 1.5rem 1.5rem; }
      .cartBody .publicHead .topHeader .brand {
        font-size: .16rem;
        color: #252525;
        text-align: center;
        display: block;
        line-height: .4rem;
        position: relative;
        top: -.05rem; }
      .cartBody .publicHead .topHeader .navBar {
        position: absolute;
        top: .13rem;
        right: 0;
        width: .3rem;
        height: .2rem;
        display: block; }
        .cartBody .publicHead .topHeader .navBar i {
          display: block;
          width: .2rem;
          height: .02rem;
          margin-bottom: .04rem;
          overflow: hidden;
          background-color: #666; }
    .cartBody .publicHead .topCatTip {
      border-top: .01rem solid #ffe9c6;
      border-bottom: .01rem solid #ffe9c6;
      background-color: #fff4e2;
      height: .22rem;
      line-height: .22rem;
      color: #ff3333;
      font-size: .12rem;
      width: 100%;
      overflow: hidden; }
      .cartBody .publicHead .topCatTip .topCatTipBd {
        padding: 0 0 0 .1rem; }
        .cartBody .publicHead .topCatTip .topCatTipBd i {
          display: inline-block;
          width: .11rem;
          height: .22rem;
          margin-right: .05rem;
          position: relative;
          top: -.02rem; }
        .cartBody .publicHead .topCatTip .topCatTipBd .pubIcon {
          background: url(https://mcart.jiuxian.com/statics/images/cart/catIcon.png) no-repeat -0.4rem 0.02rem;
          background-size: 1.5rem 1.5rem; }
        .cartBody .publicHead .topCatTip .topCatTipBd span.pubTitle {
          display: inline-block;
          height: .22rem;
          position: absolute; }
  .cartBody #cart_container {
    margin-top: 0; }
    .cartBody #cart_container .catKongBox {
      text-align: center;
      margin: 1rem 0; }
      .cartBody #cart_container .catKongBox i {
        background: url(https://mcart.jiuxian.com/statics/images/cart/kong.png) no-repeat 0 0/62px 62px;
        width: .62rem;
        height: .62rem;
        display: inline-block;
        margin-bottom: .1rem; }
      .cartBody #cart_container .catKongBox p {
        line-height: .2rem;
        font-size: .12rem;
        color: #666; }
        .cartBody #cart_container .catKongBox p span {
          color: #999; }
      .cartBody #cart_container .catKongBox a {
        display: inline-block;
        margin-top: .2rem;
        height: .24rem;
        line-height: .24rem;
        border: .01rem solid #ccc;
        background-color: #fff;
        padding: 0 .1rem;
        font-size: .12rem;
        color: #666;
        border-radius: .05rem; }

body {
  background: #ffffff;
  color: #626365;
  font-family: Helvetica, STHeiti STXihei, Microsoft JhengHei, Microsoft YaHei, Tohoma, Arial;
  font-size: .14rem; }

.loginContent {
  padding-top: .15rem;
  max-width: 7.68rem;
  margin: .4rem auto 0;
  background: #ffffff; }
  .loginContent .tab {
    width: 84%;
    margin: 0 auto;
    display: flex; }
    .loginContent .tab .tab1 {
      text-align: left; }
    .loginContent .tab li {
      width: 50%;
      height: .45rem;
      line-height: .45rem; }
      .loginContent .tab li p {
        height: .3rem;
        line-height: .4rem; }
      .loginContent .tab li span {
        display: inline-block;
        width: .55rem;
        height: .02rem;
        position: relative;
        top: -.2rem;
        display: none;
        background-color: #de4943; }

.contentBox {
  margin-top: .1rem;
  width: 84%;
  margin: 0 auto;
  position: relative;
  top: .1rem; }
  .contentBox form {
    display: block; }
    .contentBox form .user, .contentBox form .pwd, .contentBox form .yzmInput {
      height: .4rem;
      border: .01rem solid #cccccc;
      border-radius: .03rem;
      margin-bottom: .4rem;
      position: relative; }
      .contentBox form .user i, .contentBox form .pwd i, .contentBox form .yzmInput i {
        width: .2rem;
        height: .2rem;
        display: block;
        float: left;
        margin: .1rem .1rem 0 .1rem;
        background: url(https://misc.jiuxian.com/m_user/images/loginIcon.png) no-repeat; }
      .contentBox form .user i.mine, .contentBox form .pwd i.mine, .contentBox form .yzmInput i.mine {
        background-position: 0 -.34rem; }
      .contentBox form .user i.mima, .contentBox form .pwd i.mima, .contentBox form .yzmInput i.mima {
        background-position: -.72rem -.34rem; }
      .contentBox form .user input, .contentBox form .pwd input, .contentBox form .yzmInput input {
        width: 70%;
        height: .38rem;
        line-height: .38rem;
        box-sizing: content-box;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        outline: none;
        font-family: Microsoft YaHei; }
      .contentBox form .user #captchaimg1, .contentBox form .pwd #captchaimg1, .contentBox form .yzmInput #captchaimg1 {
        margin-top: .05rem; }
    .contentBox form .yzmImg {
      height: .4rem;
      position: absolute;
      right: .1rem;
      top: .01rem; }
      .contentBox form .yzmImg #captchaimgChange {
        width: .21rem;
        height: .24rem;
        display: inline-block;
        background: url(https://misc.jiuxian.com/m_user/images/ref.png) no-repeat;
        background-size: .21rem .24rem;
        margin-top: .08rem;
        position: absolute;
        top: 1.6rem;
        right: .08rem; }
    .contentBox form .btn {
      width: 100%;
      height: .34rem;
      line-height: .34rem;
      display: block;
      clear: both;
      margin: .3rem auto;
      text-align: center;
      background: #DE4B45;
      border-radius: .05rem;
      color: #FFFFFF;
      font-size: .16rem; }
    .contentBox form .serve {
      display: flex;
      justify-content: space-between; }
      .contentBox form .serve a {
        color: #666;
        text-decoration: underline;
        height: .2rem;
        display: block; }
    .contentBox form .title {
      width: 100%;
      height: .4rem;
      margin-top: .2rem;
      position: relative; }
      .contentBox form .title .line {
        height: .2rem;
        border-bottom: .01rem solid #cccccc; }
      .contentBox form .title .partner {
        width: 1.1rem;
        height: .4rem;
        background: #ffffff;
        position: absolute;
        top: 0;
        left: 50%;
        line-height: .4rem;
        margin: 0 0 0 -.55rem;
        text-align: center;
        color: #878686; }
    .contentBox form .choose {
      margin: .2rem 0;
      text-align: center; }
      .contentBox form .choose li {
        width: 33%;
        display: inline-block; }
        .contentBox form .choose li a {
          width: .45rem;
          height: .45rem;
          background: lightcoral;
          display: inline-block; }
        .contentBox form .choose li .qq {
          background: url(https://misc.jiuxian.com/m_user/images/loginIcon.png) no-repeat -0.78rem -0.99rem; }
        .contentBox form .choose li .alipay {
          background: url(https://misc.jiuxian.com/m_user/images/loginIcon.png) no-repeat -1.56rem -0.99rem; }

.tel {
  height: .4rem;
  border: .01rem solid #cccccc;
  border-radius: .03rem;
  margin-bottom: .4rem;
  position: relative; }
  .tel i {
    width: .2rem;
    height: .2rem;
    display: inline-block;
    background: url(https://misc.jiuxian.com/m_user/images/loginIcon.png) no-repeat -1.38rem -0.34rem;
    margin: .1rem .1rem 0 .1rem; }
  .tel input {
    width: 70%;
    height: .38rem;
    line-height: .38rem;
    box-sizing: content-box;
    border: 0;
    position: absolute;
    border-radius: 0;
    box-shadow: none;
    outline: none; }

.yzmContent {
  display: flex; }

.identify {
  height: .4rem;
  border-radius: .03rem;
  margin-bottom: .38rem;
  position: relative;
  margin-right: .45rem; }
  .identify input {
    width: 100%;
    height: .4rem;
    line-height: .4rem;
    border: .01rem solid #cccccc;
    border-radius: .03rem;
    padding-left: .15rem;
    box-sizing: border-box; }

.hqyzm {
  display: inline-block; }
  .hqyzm .yzm {
    display: inline-block;
    width: auto;
    height: .4rem;
    line-height: .4rem;
    border-radius: .05rem;
    color: #ffffff;
    padding: 0 .15rem;
    background: #df3832; }

.bWine {
  height: 100%;
  overflow-y: scroll; }

.pubSearcHeader {
  background-color: #fafafa;
  position: relative; }
  .pubSearcHeader .headSearch {
    width: 100%;
    height: .4rem;
    border-bottom: .01rem solid #e4e4e4;
    padding: 0 .54rem 0.33rem;
    box-sizing: border-box;
    background-color: #fafafa;
    position: relative;
    overflow: hidden; }
    .pubSearcHeader .headSearch .back {
      display: block;
      width: .33rem;
      height: .4rem;
      background-position: .2rem 0;
      position: absolute;
      left: 0;
      top: 0; }
    .pubSearcHeader .headSearch .sIcon {
      background: url(https://mcart.jiuxian.com/statics/images/cart/catIcon.png) no-repeat 0 0.05rem;
      background-size: 1.5rem 1.5rem;
      cursor: pointer; }
    .pubSearcHeader .headSearch .searchInput {
      margin: .06rem 0;
      position: relative; }
      .pubSearcHeader .headSearch .searchInput em {
        display: inline-block;
        width: .12rem;
        height: .12rem;
        background-position: -.41rem -.18rem;
        position: absolute;
        left: .1rem;
        top: .08rem; }
      .pubSearcHeader .headSearch .searchInput .sIcon {
        background-size: 1.2rem .4rem;
        cursor: pointer; }
      .pubSearcHeader .headSearch .searchInput input, .pubSearcHeader .headSearch .searchInput b {
        font-weight: normal;
        color: #666;
        font-family: "Microsoft YaHei";
        cursor: pointer;
        display: inline-block;
        width: 100%;
        height: .28rem;
        font-size: .12rem;
        color: #333;
        line-height: .28rem;
        border: none;
        background-color: #ececec;
        border-radius: .05rem;
        padding: 0 .3rem; }
    .pubSearcHeader .headSearch .picTab {
      display: block;
      width: .54rem;
      height: .4rem;
      line-height: .4rem;
      color: #666;
      font-size: .14rem;
      text-align: center;
      position: absolute;
      top: 0;
      right: 0; }
      .pubSearcHeader .headSearch .picTab span.picTab {
        display: inline-block;
        width: .24rem;
        height: .24rem;
        margin: .08rem auto;
        background-position: 0 -.45rem; }
      .pubSearcHeader .headSearch .picTab .listIcon {
        background-size: 1rem .7rem; }

.tabBarBox {
  border-bottom: .01rem solid #e8e8e8; }
  .tabBarBox .tabBar {
    width: 100%;
    height: .4rem;
    line-height: .4rem;
    display: flex;
    background-color: #fff;
    position: relative; }
    .tabBarBox .tabBar .tab.on {
      color: #fc5a5a; }
    .tabBarBox .tabBar .tab {
      width: 26%;
      height: .4rem;
      display: inline-block;
      text-align: center;
      color: #252525;
      overflow: hidden; }
    .tabBarBox .tabBar .tab4 {
      width: 22%; }
    .tabBarBox .tabBar .line3 {
      left: 78%;
      width: .01rem;
      height: .19rem;
      background-color: #e8e8e8;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      display: block; }
  .tabBarBox .filtrate {
    height: .42rem;
    padding: .03rem .15rem 0;
    background-color: #fff; }
    .tabBarBox .filtrate a {
      display: inline-block;
      height: .26rem;
      line-height: .26rem;
      color: #333;
      font-size: .12rem;
      background-color: #f6f6f6;
      border-radius: .13rem;
      margin-right: .1rem;
      padding: 0 .15rem; }
    .tabBarBox .filtrate a.filter_jxps {
      position: relative;
      color: #ff9c00;
      z-index: 1; }

.goodsContent {
  padding-bottom: .49rem;
  font-size: .14rem; }
  .goodsContent #goodsList li {
    padding-top: .05rem;
    display: flex;
    position: relative;
    background: #fff; }
    .goodsContent #goodsList li .goodsA {
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      background: #fff;
      opacity: 0; }
    .goodsContent #goodsList li img {
      width: 1.1rem;
      height: 1.1rem; }
    .goodsContent #goodsList li .goodsName {
      display: block;
      padding: .05rem 0 .05rem .1rem;
      border-bottom: .01rem solid #e8e8e8; }
      .goodsContent #goodsList li .goodsName p.title {
        max-height: .36rem;
        line-height: .18rem;
        color: #000000;
        font-size: .14rem;
        vertical-align: top;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
      .goodsContent #goodsList li .goodsName .nameAndPro {
        height: .24rem;
        line-height: .24rem;
        overflow: hidden;
        padding-top: .02rem; }
        .goodsContent #goodsList li .goodsName .nameAndPro .prom {
          font-size: .1rem;
          display: inline-block;
          padding: 0 .02rem;
          color: #fff;
          height: .14rem;
          line-height: .14rem;
          border-radius: .02rem;
          margin-left: .05rem;
          overflow: hidden; }
        .goodsContent #goodsList li .goodsName .nameAndPro .prom1 {
          background-color: #ff8b58; }
        .goodsContent #goodsList li .goodsName .nameAndPro .prom2 {
          background-color: #6699ff; }
        .goodsContent #goodsList li .goodsName .nameAndPro .prom3 {
          background-color: #ffa855; }
      .goodsContent #goodsList li .goodsName .goodsPrice {
        height: .2rem;
        line-height: .2rem;
        margin-top: .08rem;
        overflow: hidden;
        white-space: nowrap; }
        .goodsContent #goodsList li .goodsName .goodsPrice .nowPrice {
          font-size: .15rem;
          color: #fc5a5a;
          display: block; }
      .goodsContent #goodsList li .goodsName .pro {
        height: .18rem;
        line-height: .18rem;
        white-space: nowrap; }
        .goodsContent #goodsList li .goodsName .pro span {
          color: #aaa;
          font-size: .12rem;
          white-space: nowrap; }
        .goodsContent #goodsList li .goodsName .pro .listIcon {
          display: inline-block;
          width: .38rem;
          height: .13rem;
          overflow: hidden;
          background: url(https://mlist.jiuxian.com/mjava_statics/images/listIcon.png) no-repeat -0.62rem -0.15rem;
          background-size: 1rem .7rem; }
        .goodsContent #goodsList li .goodsName .pro .t {
          margin-left: .06rem;
          position: relative;
          top: .01rem; }

footer {
  text-align: center;
  margin-bottom: .3rem; }

#root {
  height: 100%; }
